<template>
    <h1>hello</h1>
    <h3>{{message}}</h3>
    <ul>
        <li v-for="item,index in list" :key="index">{{item}}</li>
    </ul>
</template>

<script>
export default {
    data() { return {} },
    props: {
        message: {
            type: String,
            default: "你好，这是默认值",
            required: true      // 这个对象必须传递
        },
        list: { // 数组类型的对象，返回值必须是由函数返回
            type: Array,
            default() {
                return []
            },
            required: true
        }
    },
    mounted() {
        // 获取父组件用$parent
        console.log(this.$parent);
        // 获取根组件用$root
        console.log(this.$root);
    }
}

</script>